<template>
	<view class="login_bg">
		<view class="personal_bg">
			<view class="personal_message">
				<view class="personal_message_top" @click="edit_ziliao()">
					<view class="dian">·</view>
					<view class="eidt"><image src="../../static/images/xiugai.png" mode="widthFix"></image></view>
				</view>
				<view class="person_pic">
					<view class="person_pic_img"><image src="../../static/images/w270_h270_qm.png" mode="widthFix"></image></view>
					<view class="person_pic_right">
						<p class="person_name">{{userInfo.user.nickname}}</p>
						<view class="person_idd">
							<view class="person_id"><image src="../../static/images/ic_id-1fd87daf.png" mode="widthFix"></image></view>
							<p class="person_id_num">{{userInfo.user.username}}</p>
						</view>
						<view class="person_sex">
							<view class="person_sex_nan"><image src="../../static/images/sex_nan.png" mode="widthFix"></image></view>
							<view class="person_age">{{userInfo.user.age}}</view>
							<view class="person_city">苏州市</view>
							
						</view>
					</view>
				</view>
				<view class="person_list">
					<view class="like" @click="like()">
						<view class="like_num">1</view>
						<view class="i_like">我喜欢</view>
					</view>
					<view class="like">
						<view class="jiaobiao" @click="like_me()">
							<view class="like_num">1</view>
							<view class="badge">19</view>
						</view>
						<view class="i_like">喜欢我</view>
					</view>
					 <view class="like" @click="fangke()">
					    <view class="jiaobiao">
							<view class="like_num">1</view>
							<view class="badge">9</view>
						</view>
						<view class="i_like">访客</view>
					</view> 
				</view>
				<view class="kt_hy" @click="huiyuan()">
					<view class="kt_hyy">
						<view class="kt_hy_left">
							<view class="f_hy">非会员</view>
							<view class="join_hy">加入VIP会员，免费聊天等丰富权益</view>
						</view>
						<view class="kt">去开通</view>
					</view>
				</view>
			
			
			</view>
			
		</view>
		<view class="person_listt">
			<view class="likee" @click="my_qianbao()">
				<view class="likee_num"><image src="../../static/images/icon_wallet-8f9cf594.png" mode="widthFix"></image></view>
				<view class="i_likee">我的钱包</view>
			</view>
			<view class="likee" @click="my_dongtai()">
				<view class="likee_num"><image src="../../static/images/icon_post-8ac19b5f.png" mode="widthFix"></image></view>
				<view class="i_likee">动态</view>
			</view>
			 <view class="likee"  @click="jump('/pages/user/set')">
			   <view class="likee_num"><image src="../../static/images/icon_settings-1ae5da3b.png" mode="widthFix"></image></view>
				<view class="i_like">系统设置</view>
			</view> 
			<view class="likee" @click="kefu()">
				<view class="likee_num"><image src="../../static/images/icon_contact-f594ccd7.png" mode="widthFix"></image></view>
				<view class="i_likee">联系客服</view>
			</view>
		</view>
		<view class="xiangce">
			<view class="xiangce_top">
				<view class="xc_txt">我的相册</view>
				<view class="containerr">
				    <input type="file" class="filee-input"/>
					<view class="xc_btn">+上传</view>
				</view>
			</view>
			<view>
				<view class="xc_pic_list">
					
					<view class="xc_pic" v-for="(item,index) in userInfo.user.album_list"><image :src="`${cdnUrl}/${item.file_path}`" mode="widthFix"></image></view>
				</view>
				
				<view class="container">
				    <input type="file" class="file-input"/>
					<view class="up_file"><image src="../../static/images/icon_add_album-937b9cff.png" mode="widthFix"></image></view>
				</view>
			</view>
			
		</view>
		<footerVue :currIndex="4"></footerVue>
<!-- 		<view class="footer">
			<view class="footer_nav">
				<view class="footer_nav_li" @click="index()">
					<view class="footer_nav_img"><image src="../../static/images/home.png" alt="" mode="widthFix"></image></view>
					<view class="txt">首页</view>
				</view>
				
				<view class="footer_nav_li" @click="dongtai()">
					<view class="footer_nav_img"><image src="../../static/images/faxian.png" alt="" mode="widthFix"></image></view>
					<view class="txt">动态</view>
				</view>
				
				<view class="footer_nav_li" @click="liuyan()">
					<view class="footer_nav_img"><image src="../../static/images/message.png" alt="" mode="widthFix"></image></view>
					<view class="txt">留言</view>
				</view>
				
				<view class="footer_nav_li" @click="personal()">
					<view class="footer_nav_img"><image src="../../static/images/wd.png" alt="" mode="widthFix"></image></view>
					<view class="txt">我的</view>
				<view>
			</view>    
		<view>	
		
		
		
		
	</view>	
</view>	
</view>	
</view>	 -->
</view>	
</template>

<script>
	import request from '../../utils/http.js'
	import footerVue from '../../components/public/footer.vue'
	export default {
		data() {
			return {
				userInfo:[]
			}
		},
		onLoad() {
			this.getUserInfo()
		},
		computed:{
			cdnUrl(){
				return uni.cdnURL
			}
		},
		components:{
			footerVue
		},
		methods: {
			
			jump(url){
				uni.navigateTo({
					url:url
				})
			},
			getUserInfo(){
				request({
					url: '/user/userDetail',
					method:'post',
					data: "",
				}).then(res => {
					let result = res.data;
					if(result.code==1){
						this.userInfo = result.data
					}else{
						uni.showToast({
							icon:'error',
							title:result.msg
						})
					}
				}).catch(err => {
				  console.error(err);
				});
			}
		}
	}
</script>

<style>
  @import "../../static/css/personal.css";
</style>
